<%@page import="classes.ListaAlimento"%>
<%@page import="java.util.ArrayList"%>
<%@page import="classes.Alimento"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title>NutriWeb - Praticando alimentação saudável</title>
        <meta class="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <!-- Favicon -->
        <link rel="shortcut icon" href="a_data/icone_nutriweb.ico">
        <!-- Font -->
        <link rel="stylesheet" href="arquivos_arquivos/css.css">
        <!-- Plagins CSS -->
        <link rel="stylesheet" href="arquivos_arquivos/buttons.css">
        <link rel="stylesheet" href="arquivos_arquivos/social-icons.css">
        <link rel="stylesheet" href="arquivos_arquivos/font-awesome.css">
        <link rel="stylesheet" href="arquivos_arquivos/bootstrap.css">
        <link rel="stylesheet" href="arquivos_arquivos/jslider.css">
        <link rel="stylesheet" href="arquivos_arquivos/settings.css">
        <link rel="stylesheet" href="arquivos_arquivos/jquery.css">
        <link rel="stylesheet" href="arquivos_arquivos/animate.css">
        <link rel="stylesheet" href="arquivos_arquivos/video-js.css">
        <link rel="stylesheet" href="arquivos_arquivos/morris.css">
        <link rel="stylesheet" href="arquivos_arquivos/royalslider.css">
        <link rel="stylesheet" href="arquivos_arquivos/rs-minimal-white.css">
        <link rel="stylesheet" href="arquivos_arquivos/layerslider.css">
        <link rel="stylesheet" href="arquivos_arquivos/ladda.css">
        <link rel="stylesheet" href="arquivos_arquivos/datepicker.css">
        <link rel="stylesheet" href="arquivos_arquivos/jquery_002.css">
        <!-- Theme CSS -->
        <link rel="stylesheet" href="a_data/style.css">
        <!-- Responsive CSS -->
        <link rel="stylesheet" href="a_data/responsive.css">
        <!-- Custom CSS -->
        <link rel="stylesheet" href="a_data/pages.css">
        <link rel="stylesheet" href="a_data/home-pages-customizer.css">
        <!-- IE Styles-->
        <link rel="stylesheet" href="a_data/ie.css">
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
                <link rel='stylesheet' href="css/ie/ie8.css">
          <![endif]-->
        <style type="text/css">
            .jqstooltip {
                position: absolute;
                left: 0px;
                top: 0px;
                visibility: hidden;
                background: rgb(0, 0, 0) transparent;
                background-color: rgba(0,0,0,0.6);
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
                color: white;
                font: 10px arial, san serif;
                text-align: left;
                white-space: nowrap;
                padding: 5px;
                border: 1px solid white;
                z-index: 10000;
            }
            .jqsfield {
                color: white;
                font: 10px arial, san serif;
                text-align: left;
            }
        </style>
        <style type="text/css">
            .fancybox-margin {
                margin-right: 19px;
            }
        </style>
        <script style="" src="arquivos_arquivos/commonutilstats.js" charset="UTF-8" type="text/javascript"></script>
    </head>
    <body class="fixed-header loaded fixed">
<script type="text/javascript">        
            function consultarRefeicao(group){
                  var xmlHttp;
                  
                    if (group == '1'){
                        var container = document.getElementById('consumidoListCereal');
                        var progresso = document.getElementById('progressoCereal');
                        var total = 3;
                    } else if (group == '2'){
                        var container = document.getElementById('consumidoListFeijoes');
                        var progresso = document.getElementById('progressoFeijoes');
                        var total = 3;
                    } else if (group == '3'){
                        var container = document.getElementById('consumidoListFrutas');
                        var progresso = document.getElementById('progressoFrutas');
                        var total = 6;
                    } else if (group == '4'){
                        var container = document.getElementById('consumidoListLegumes');
                        var progresso = document.getElementById('progressoLegumes');
                        var total = 5;
                    } else if (group == '5'){
                        var container = document.getElementById('consumidoListLeite');
                        var progresso = document.getElementById('progressoLeite');
                        var total = 4;
                    } else if (group == '6'){
                        var container = document.getElementById('consumidoListCarnes');
                        var progresso = document.getElementById('progressoCarnes');
                        var total = 1;
                    } else if (group == '7'){
                        var container = document.getElementById('consumidoListOleo');
                        var progresso = document.getElementById('progressoOleo');
                        var total = 1;
                    } else if (group == '8'){ 
                        var container = document.getElementById('consumidoListAcucares');
                        var progresso = document.getElementById('progressoAcucares');
                        var total = 1;
                    }
                  try
                    {
                    // Firefox, Opera 8.0+, Safari
                    xmlHttp=new XMLHttpRequest();
                    }
                  catch (e)
                    {
                    // Internet Explorer
                    try
                      {
                      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                      }
                    catch (e)
                      {
                      try
                        {
                        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                        }
                      catch (e)
                        {
                        alert("O seu navegador não suporta AJAX!");
                        return false;
                        }
                      }
                    }
                    xmlHttp.onreadystatechange=function()
                      {
                      if(xmlHttp.readyState==4) //previous.insertAdjacentHTML('afterend', );
                        {
                          var showdata = xmlHttp.responseText;
                          var str = showdata.split("$");
                          var len = str.length;
                          var content = "";
                          var porcoes = 0;
                            var i =0;
                            for(i=0;i<len;){
                                content += str[i];
                                porcoes = porcoes + parseFloat(str[i+1]);
                                i = i+2;
                            }
                            container.innerHTML = content;
                            
                            var percent = 0;
                            
                            if(isNaN(porcoes)){
                                porcoes = 0;
                            } else {
                                percent = parseInt(Math.round(((porcoes * 100) / parseInt(total))));
                            }
                            
                            if (group == '1'){
                                progresso.innerHTML = "Cereais, Tubérculos e Raízes - "+porcoes+" de 3 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '2'){
                                progresso.innerHTML = " Feijões - "+porcoes+" de 3 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '3'){
                                progresso.innerHTML = " Frutas e suco de frutas - "+porcoes+" de 6 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '4'){
                                progresso.innerHTML = " Legumes e verduras - "+porcoes+" de 5 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '5'){
                                progresso.innerHTML = " Leite, queijo e derivados - "+porcoes+" de 4 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '6'){
                                progresso.innerHTML = " Carnes e Ovos - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '7'){
                                progresso.innerHTML = " Óleo, azeite e margarina - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '8'){
                                progresso.innerHTML = " Acúcares e doces - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            }     
                        }
                    }
                    var meal = "3";
                    var url = "<%=request.getContextPath()%>/jsp/ConsultaRefeicao.jsp?cd_refeicao="+meal+"&cd_grupo="+group;
                    xmlHttp.open("GET",url,true);
                    xmlHttp.send(null);
              }
    
            function consultarAlimento(group){
                  var xmlHttp;
                  
                    if (group == '1'){
                        var alimento = document.getElementById("selecionaAlimentoCereal"); // consultaCereal
                        var title = document.getElementById("consultaTitleCereal");
                        var gramas = document.getElementById("consultaGramasCereal");
                        var outros = document.getElementById("consultaOutrosCereal"); 
                    } else if (group == '2'){
                        var alimento = document.getElementById("selecionaAlimentoFeijoes");
                        var title = document.getElementById("consultaTitleFeijoes");
                        var gramas = document.getElementById("consultaGramasFeijoes");
                        var outros = document.getElementById("consultaOutrosFeijoes"); 
                    } else if (group == '3'){
                        var alimento = document.getElementById("selecionaAlimentoFrutas");
                        var title = document.getElementById("consultaTitleFrutas");
                        var gramas = document.getElementById("consultaGramasFrutas");
                        var outros = document.getElementById("consultaOutrosFrutas"); 
                    } else if (group == '4'){
                        var alimento = document.getElementById("selecionaAlimentoLegumes");
                        var title = document.getElementById("consultaTitleLegumes");
                        var gramas = document.getElementById("consultaGramasLegumes");
                        var outros = document.getElementById("consultaOutrosLegumes"); 
                    } else if (group == '5'){
                        var alimento = document.getElementById("selecionaAlimentoLeite");
                        var title = document.getElementById("consultaTitleLeite");
                        var gramas = document.getElementById("consultaGramasLeite");
                        var outros = document.getElementById("consultaOutrosLeite"); 
                    } else if (group == '6'){
                        var alimento = document.getElementById("selecionaAlimentoCarnes");
                        var title = document.getElementById("consultaTitleCarnes");
                        var gramas = document.getElementById("consultaGramasCarnes");
                        var outros = document.getElementById("consultaOutrosCarnes"); 
                    } else if (group == '7'){
                        var alimento = document.getElementById("selecionaAlimentoOleo");
                        var title = document.getElementById("consultaTitleOleo");
                        var gramas = document.getElementById("consultaGramasOleo");
                        var outros = document.getElementById("consultaOutrosOleo"); 
                    } else if (group == '8'){
                        var alimento = document.getElementById("selecionaAlimentoAcucares");
                        var title = document.getElementById("consultaTitleAcucares");
                        var gramas = document.getElementById("consultaGramasAcucares");
                        var outros = document.getElementById("consultaOutrosAcucares"); 
                    }

                  if (alimento.value != '0') {                    
                    title.innerHTML = '<img src="img/nutriweb_loading.gif" id="loading" height="48" width="48" alt="Consultando...">';
                    gramas.innerHTML = "Quantidade (gramas)";
                    outros.innerHTML = "Descrição";
                  try
                    {
                    // Firefox, Opera 8.0+, Safari
                    xmlHttp=new XMLHttpRequest();
                    }
                  catch (e)
                    {
                    // Internet Explorer
                    try
                      {
                      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                      }
                    catch (e)
                      {
                      try
                        {
                        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                        }
                      catch (e)
                        {
                        alert("O seu navegador não suporta AJAX!");
                        return false;
                        }
                      }
                    }
                    xmlHttp.onreadystatechange=function()
                      {
                      if(xmlHttp.readyState==4)
                        {
                          var showdata = xmlHttp.responseText;
                          var str = showdata.split(":");
                          var len = str.length;
                            var i =0;
                            for(i=0;i<len;){
                              title.innerHTML = "<h5 align=\"center\">"+str[i]+"</h5>";
                              gramas.innerHTML = str[i+1];
                              outros.innerHTML = str[i+2];
                              i = i+3; //+2
                            }
                        }
                      }
                    var food = alimento.value;
                    var url = "<%=request.getContextPath()%>/jsp/ConsultaPorcao.jsp?cd_alimento="+food;
                    xmlHttp.open("GET",url,true);
                    xmlHttp.send(null);
                  }
              }   
              
              function adicionarAlimento(group, button){
                  var xmlHttp;
                  
                    if (group == '1'){
                        var alimento = document.getElementById("selecionaAlimentoCereal");
                        var porcao = document.getElementById("selecionaPorcaoCereal");
                        var container = document.getElementById('consumidoListCereal');
                        var progresso = document.getElementById('progressoCereal');
                        var total = 3;
                    } else if (group == '2'){
                        var alimento = document.getElementById("selecionaAlimentoFeijoes");
                        var porcao = document.getElementById("selecionaPorcaoFeijoes");
                        var container = document.getElementById('consumidoListFeijoes'); 
                        var progresso = document.getElementById('progressoFeijoes');
                        var total = 3;
                    } else if (group == '3'){
                        var alimento = document.getElementById("selecionaAlimentoFrutas");
                        var porcao = document.getElementById("selecionaPorcaoFrutas");
                        var container = document.getElementById('consumidoListFrutas');  
                        var progresso = document.getElementById('progressoFrutas');
                        var total = 6;
                    } else if (group == '4'){
                        var alimento = document.getElementById("selecionaAlimentoLegumes");
                        var porcao = document.getElementById("selecionaPorcaoLegumes");
                        var container = document.getElementById('consumidoListLegumes');   
                        var progresso = document.getElementById('progressoLegumes');
                        var total = 5;
                    } else if (group == '5'){
                        var alimento = document.getElementById("selecionaAlimentoLeite");
                        var porcao = document.getElementById("selecionaPorcaoLeite");
                        var container = document.getElementById('consumidoListLeite'); 
                        var progresso = document.getElementById('progressoLeite');
                        var total = 4;
                    } else if (group == '6'){
                        var alimento = document.getElementById("selecionaAlimentoCarnes");
                        var porcao = document.getElementById("selecionaPorcaoCarnes");
                        var container = document.getElementById('consumidoListCarnes'); 
                        var progresso = document.getElementById('progressoCarnes');
                        var total = 1;
                    } else if (group == '7'){
                        var alimento = document.getElementById("selecionaAlimentoOleo");
                        var porcao = document.getElementById("selecionaPorcaoOleo");
                        var container = document.getElementById('consumidoListOleo'); 
                        var progresso = document.getElementById('progressoOleo');
                        var total = 1;
                    } else if (group == '8'){
                        var alimento = document.getElementById("selecionaAlimentoAcucares");
                        var porcao = document.getElementById("selecionaPorcaoAcucares");
                        var container = document.getElementById('consumidoListAcucares');   
                        var progresso = document.getElementById('progressoAcucares');
                        var total = 1;
                    }
                  

                  if (alimento.value != '0' || porcao.value != '0') {                   
                  try
                    {
                    // Firefox, Opera 8.0+, Safari
                    xmlHttp=new XMLHttpRequest();
                    }
                  catch (e)
                    {
                    // Internet Explorer
                    try
                      {
                      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                      }
                    catch (e)
                      {
                      try
                        {
                        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                        }
                      catch (e)
                        {
                        alert("O seu navegador não suporta AJAX!");
                        return false;
                        }
                      }
                    }
                    xmlHttp.onreadystatechange=function()
                      {
                      if(xmlHttp.readyState==4) //previous.insertAdjacentHTML('afterend', );
                        {
                          var showdata = xmlHttp.responseText;
                          var str = showdata.split("$");
                          var len = str.length;
                          var content = "";
                          var porcoes = 0;
                            var i =0;
                            for(i=0;i<len;){
                                content += str[i];
                                porcoes = porcoes + parseFloat(str[i+1]);
                                //content += "<br>";
                                i = i+2;
                            }
                            container.innerHTML = content;
                            
                            var percent = 0;
                            
                            if(isNaN(porcoes)){
                                porcoes = 0;
                            } else {
                                percent = parseInt(Math.round(((porcoes * 100) / total)));
                            }
                            
                            if (group == '1'){
                                progresso.innerHTML = "Cereais, Tubérculos e Raízes - "+porcoes+" de 3 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '2'){
                                progresso.innerHTML = " Feijões - "+porcoes+" de 3 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '3'){
                                progresso.innerHTML = " Frutas e suco de frutas - "+porcoes+" de 6 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '4'){
                                progresso.innerHTML = " Legumes e verduras - "+porcoes+" de 5 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '5'){
                                progresso.innerHTML = " Leite, queijo e derivados - "+porcoes+" de 4 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '6'){
                                progresso.innerHTML = " Carnes e Ovos - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '7'){
                                progresso.innerHTML = " Óleo, azeite e margarina - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '8'){
                                progresso.innerHTML = " Acúcares e doces - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            }
                            
                            button.disabled = false;
                        }
                      }
                    var food = alimento.value;
                    var portion = porcao.value;
                    var meal = "3";
                    var url = "<%=request.getContextPath()%>/jsp/AdicionaRefeicao.jsp?cd_alimento="+food+"&porcao="+portion+"&cd_refeicao="+meal+"&cd_grupo="+group;
                    xmlHttp.open("GET",url,true);
                    xmlHttp.send(null);
                  }
              }
              function excluirAlimento(params,meal,group){
                  var xmlHttp;      
                  
                    if (group == '1'){
                        var container = document.getElementById('consumidoListCereal');
                        var progresso = document.getElementById('progressoCereal');
                        var total = 3;
                    } else if (group == '2'){
                        var container = document.getElementById('consumidoListFeijoes'); 
                        var progresso = document.getElementById('progressoFeijoes');
                        var total = 3;
                    } else if (group == '3'){
                        var container = document.getElementById('consumidoListFrutas');  
                        var progresso = document.getElementById('progressoFrutas');
                        var total = 6;
                    } else if (group == '4'){
                        var container = document.getElementById('consumidoListLegumes');  
                        var progresso = document.getElementById('progressoLegumes');
                        var total = 5;
                    } else if (group == '5'){
                        var container = document.getElementById('consumidoListLeite'); 
                        var progresso = document.getElementById('progressoLeite');
                        var total = 4;
                    } else if (group == '6'){
                        var container = document.getElementById('consumidoListCarnes'); 
                        var progresso = document.getElementById('progressoCarnes');
                        var total = 1;
                    } else if (group == '7'){
                        var container = document.getElementById('consumidoListOleo'); 
                        var progresso = document.getElementById('progressoOleo');
                        var total = 1;
                    } else if (group == '8'){
                        var container = document.getElementById('consumidoListAcucares');  
                        var progresso = document.getElementById('progressoAcucares');
                        var total = 1;
                    }
                  
                  try
                    {
                    // Firefox, Opera 8.0+, Safari
                    xmlHttp=new XMLHttpRequest();
                    }
                  catch (e)
                    {
                    // Internet Explorer
                    try
                      {
                      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                      }
                    catch (e)
                      {
                      try
                        {
                        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                        }
                      catch (e)
                        {
                        alert("O seu navegador não suporta AJAX!");
                        return false;
                        }
                      }
                    }
                    xmlHttp.onreadystatechange=function()
                      {
                      if(xmlHttp.readyState==4) //previous.insertAdjacentHTML('afterend', );
                        {
                            var showdata = xmlHttp.responseText;
                            var str = showdata.split("$");
                            var len = str.length;
                            var content = "";
                            var porcoes = 0;
                            var i =0;
                            for(i=0;i<len;){
                                content += str[i];
                                porcoes = porcoes + parseFloat(str[i+1]);
                                //content += "<br>";
                                i = i+2;
                            }
                            container.innerHTML = content;
                            
                            var percent = 0;
                            
                            if(isNaN(porcoes)){
                                porcoes = 0;
                            } else {
                                percent = parseInt(Math.round(((porcoes * 100) / total)));
                            }
                            
                            if (group == '1'){
                                progresso.innerHTML = "Cereais, Tubérculos e Raízes - "+porcoes+" de 3 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '2'){
                                progresso.innerHTML = " Feijões - "+porcoes+" de 3 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '3'){
                                progresso.innerHTML = " Frutas e suco de frutas - "+porcoes+" de 6 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            }  else if (group == '4'){
                                progresso.innerHTML = " Legumes e verduras - "+porcoes+" de 5 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '5'){
                                progresso.innerHTML = " Leite, queijo e derivados - "+porcoes+" de 4 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '6'){
                                progresso.innerHTML = " Carnes e Ovos - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '7'){
                                progresso.innerHTML = " Óleo, azeite e margarina - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            } else if (group == '8'){
                                progresso.innerHTML = " Acúcares e doces - "+porcoes+" de 1 porções <div class=\"progress progress-striped active border-radius hover\"><div class=\"progress-bar progress-bar-danger\" style=\"width: "+percent+"%;\"> "+percent+"% </div></div></a>"; 
                            }                
                        }
                      }
                    var url = "<%=request.getContextPath()%>/jsp/ExcluirRefeicao.jsp?cd_alimento="+params+"&cd_refeicao="+meal+"&cd_grupo="+group;
                    xmlHttp.open("GET",url,true);
                    xmlHttp.send(null);
              }  
</script> 
        <div class="page-box">
            <div class="page-box-content">
                <%@include file="/templates/header.jsp"%>  
                <div class="breadcrumb-box">
                    <div class="container">
                        <ul class="breadcrumb">
                            <li><a href="inicio.jsp">Início</a> </li>
                            <li>Refeição </li>
                            <li class="active">Almoço</li>
                        </ul>
                    </div>
                </div>
                <%@include file="/templates/welcome.jsp"%>
                <div class="clearfix"></div>
                <section id="main">
                    <header class="page-header">
                        <div class="container">
                            <h1 class="title">Almoço</h1>
                        </div>
                    </header>
                    <div class="container">
                        <div class="panel-group" id="accordion3"> 

                            <!--Cereais, Tubérculos e Raízes-->
                            <div class="panel panel-default panel-bg">
                                <div class="panel-heading">
                                    <div class="panel-title"> <a data-toggle="collapse" data-parent="#accordion3" href="#collapse31" id="progressoCereal"> Cereais, Tubérculos e Raízes - 0 de 3 porções
                                            <div class="progress progress-striped active border-radius hover">
                                                <div class="progress-bar progress-bar-danger" style="width: 0%;"> 0% </div>
                                            </div>
                                        </a> </div>
                                </div>
                                <div id="collapse31" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <center>
                                                <div class="col-sm-7  bottom-padding"> <br>
                                                    <div class="content-block bottom-padding frame-shadow-lifted bg">
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Nos grãos de cereais podemos encontrar nutrientes como: carboidratos, proteínas, gorduras,
                                                            sais minerais, vitaminas, enzimas e outras substâncias. Os integrais, além desses nutrientes, 
                                                            são ricos em fibras.</p>
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Os cereais são deficientes nos aminoácidos lisina, treonina e triptofano. 
                                                            Essa deficiência é compensada com a combinação de alimentos (arroz com feijão),
                                                            resultando numa mistura de melhor valor protéico. 
                                                            Entre os sais minerais presentes nos cereais estão: Na, K, Cl, P, Ca, MG, S, Fe. </p>
                                                    </div>
                                                </div>
                                                <!--descrição do aimento e porção-->

                                                <div class="col-sm-3 col-md-3 rotation employee">
                                                    <div class="default">
                                                        <div class="image"> <img src="arquivos_arquivos/crt.png" alt="" title="" height="270" width="270"> </div>
                                                        <div class="description">
                                                            <div class="vertical">
                                                                <h3 class="name">Orientações</h3>
                                                                <br/>
                                                                <div class="role">Passe sobre a imagem e veja algumas orientações.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="employee-hover">
                                                        <h3 align="center">Consumo no almoço:</h3>
                                                        <h6 align="center">Nas refeições principais, preencha metade do seu prato com esses alimentos.</h6>
                                                    </div>
                                                    <!-- .employee-hover --> 
                                                </div>
                                            </center>
                                            <!-- .employee --> 
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-7  bottom-padding"> 

                                                <!--descrição do aimentoem texto-->
                                                <table class="table table-striped text-left order-details ">
                                                    <thead>
                                                        <tr>
                                                            <th class="product-name">Alimento</th>
                                                            <th class="product-total">Porção</th>
                                                            <th class="product-total">&nbsp;</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="consumidoListCereal">


                                                    </tbody>
                                                    <!--<form action="" class="form-box login-form form-validator bv-form" novalidate>-->
                                                        <tr class="order_table_item">
                                                            <td class="product-name">
                                                                <select class="form-control" data-bv-emailaddress-message="Selecione um alimento"
                                                                        required name="selecionaAlimentoCereal" class="form-control" id="selecionaAlimentoCereal" onchange="consultarAlimento(1);">
                                                                    <option value="0" selected>Selecione um alimento...</option>
                                                                    <%
                                                                        ListaAlimento listaCereais = new ListaAlimento();
                                                                        ListaAlimento listaFeijoes = new ListaAlimento();
                                                                        ListaAlimento listaFrutas= new ListaAlimento();
                                                                        ListaAlimento listaLegumes = new ListaAlimento();
                                                                        ListaAlimento listaLeite = new ListaAlimento();
                                                                        ListaAlimento listaCarnes = new ListaAlimento();
                                                                        ListaAlimento listaOleo = new ListaAlimento();
                                                                        ListaAlimento listaAcucares = new ListaAlimento();
                                                                        SQL = "SELECT cd_alimento, nm_alimento, qt_alimento, ds_alimento_equivalencia, cd_grupo FROM \"Operacoes\".\"ALIMENTO\" ORDER BY cd_alimento";
                                                                        try {
                                                                            for (Object[] reg : Conexao.getQuery(SQL)) {
                                                                                if (reg[4].toString().equals("1")){
                                                                                    listaCereais.list.add(new Alimento(Long.parseLong(reg[0].toString()), reg[1].toString(), Double.parseDouble(reg[2].toString()), reg[3].toString()));
                                                                                } else if (reg[4].toString().equals("2")){
                                                                                    listaFeijoes.list.add(new Alimento(Long.parseLong(reg[0].toString()), reg[1].toString(), Double.parseDouble(reg[2].toString()), reg[3].toString()));                                                                                    
                                                                                } else if (reg[4].toString().equals("3")){
                                                                                    listaFrutas.list.add(new Alimento(Long.parseLong(reg[0].toString()), reg[1].toString(), Double.parseDouble(reg[2].toString()), reg[3].toString()));                                                                                    
                                                                                } else if (reg[4].toString().equals("4")){
                                                                                    listaLegumes.list.add(new Alimento(Long.parseLong(reg[0].toString()), reg[1].toString(), Double.parseDouble(reg[2].toString()), reg[3].toString()));                                                                                    
                                                                                } else if (reg[4].toString().equals("5")){
                                                                                    listaLeite.list.add(new Alimento(Long.parseLong(reg[0].toString()), reg[1].toString(), Double.parseDouble(reg[2].toString()), reg[3].toString()));                                                                                    
                                                                                } else if (reg[4].toString().equals("6")){
                                                                                    listaCarnes.list.add(new Alimento(Long.parseLong(reg[0].toString()), reg[1].toString(), Double.parseDouble(reg[2].toString()), reg[3].toString()));                                                                                    
                                                                                } else if (reg[4].toString().equals("7")){
                                                                                    listaOleo.list.add(new Alimento(Long.parseLong(reg[0].toString()), reg[1].toString(), Double.parseDouble(reg[2].toString()), reg[3].toString()));                                                                                    
                                                                                } else if (reg[4].toString().equals("8")){
                                                                                    listaAcucares.list.add(new Alimento(Long.parseLong(reg[0].toString()), reg[1].toString(), Double.parseDouble(reg[2].toString()), reg[3].toString()));                                                                                    
                                                                                }
                                                                            }                                                                                
                                                                    %>
                                                                    
                                                                    <% for (Alimento meal : listaCereais.list) {%>
                                                                    <option value="<%= meal.getCd_alimento()%>"  ><strong><%= meal.getNm_alimento()%></strong></option>
                                                                    <% } %>
                                                                    
                                                                    <%

                                                                        } catch (Exception e) {
                                                                            out.println("Atenção, " + e.getLocalizedMessage());
                                                                        }
                                                                    %>
                                                                </select>
                                                            </td>
                                                            <td class="product-name">
                                                                <select id="selecionaPorcaoCereal" name="selecionaPorcaoCereal"  class="form-control" >
                                                                    <option value="" selected>Selecione a porção...</option>
                                                                    <option value="0.5">1/2</option>
                                                                    <option value="1">1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="5">5</option>
                                                                    <option value="10">10</option>
                                                                </select></td>
                                                            </td>
                                                            <td class="product-name">
                                                                <button alt="Comer" name="btnComer" onclick="adicionarAlimento(1, this); this.disabled = true;">
                                                                    <div alt="Comer" id="livicon-284" class="livicon" data-n="pacman" 
                                                                         style="width: 32px; height: 32px;"> </div>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                   <!-- </form>-->
                                                </table>
                                            </div>

                                            <!--descrição do aimento e porção-->
                                            <div class="col-sm-5  bottom-padding">
                                                <div class="pricing">
                                                    <div class="title" align="center" id="consultaTitleCereal" name="consultaTitleCereal">
                                                        <h5>Consulte um alimento</h5>
                                                    </div>
                                                    <ul class="options">
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaGramasCereal" name="consultaGramasCereal">Quantidade (gramas)</label></li>
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaOutrosCereal" name="consultaOutrosCereal">Descrição</label></li>
                                                    </ul>
                                                </div>
                                                <!-- .pricing --> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default panel-bg">
                                <div class="panel-heading">
                                    <div class="panel-title"> <a data-toggle="collapse" data-parent="#accordion3" href="#collapse32" id="progressoFeijoes"> Feijões - 0 de 3 porções
                                            <div class="progress progress-striped active border-radius hover">
                                                <div class="progress-bar progress-bar-danger" style="width: 0%;"> 0% </div>
                                            </div>
                                        </a> </div>
                                </div>
                                <div id="collapse32" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <center>
                                                <div class="col-sm-7  bottom-padding"> <br>
                                                    <div class="content-block bottom-padding frame-shadow-lifted bg">
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Coma uma porção de feijão por dia. Varie os tipos de feijões usados (preto, carioquinha, verde, de-corda, branco e outros) e as formas de preparo. Use também outros tipos de leguminosas (soja, grão-debico, ervilha seca, lentilha, fava).
                                                        </p>
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Consumo com o uso de diferentes modos de preparo para a valorização do sabor de todos os tipos de leguminosas.  O prato brasileiro  de arroz com feijão é uma combinação completa de proteínas e bom para a saúde.
                                                        </p>
                                                    </div>
                                                </div>
                                                <!--descrição do aimento e porção-->

                                                <div class="col-sm-3 col-md-3 rotation employee">
                                                    <div class="default">
                                                        <div class="image"> <img src="arquivos_arquivos/feijao.png" alt="" title="" height="270" width="270"> </div>
                                                        <div class="description">
                                                            <div class="vertical">
                                                                <h3 class="name">Orientações</h3>
                                                                <br/>
                                                                <div class="role">Passe sobre a imagem e veja algumas orientações.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="employee-hover">
                                                        <h3 align="center">Consumo no almoço:</h3>
                                                        <h6 align="center">Consuma feijão com arroz, na proporção de uma parte de feijão para duas de arroz.</h6>
                                                    </div>
                                                    <!-- .employee-hover --> 
                                                </div>
                                            </center>
                                            <!-- .employee --> 
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-7  bottom-padding"> 

                                                <!--descrição do aimentoem texto-->
                                                <table class="table table-striped text-left order-details ">
                                                    <thead>
                                                        <tr>
                                                            <th class="product-name">Alimento</th>
                                                            <th class="product-total">Porção</th>
                                                            <th class="product-total">&nbsp;</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="consumidoListFeijoes">

                                                    </tbody>
                                                        <tr class="order_table_item">
                                                            <td class="product-name">
                                                                <select class="form-control" data-bv-emailaddress-message="Selecione um alimento"
                                                                                             required id="selecionaAlimentoFeijoes" class="form-control" onchange="consultarAlimento(2);">
                                                                    <option value="0" selected>Selecione um alimento...</option>
                                                                    <% for (Alimento meal : listaFeijoes.list) {%>
                                                                    <option value="<%= meal.getCd_alimento()%>"  ><strong><%= meal.getNm_alimento()%></strong></option>
                                                                    <% } %>
                                                                </select></td>
                                                            <td class="product-name">
                                                                <select  id="selecionaPorcaoFeijoes"  class="form-control" >
                                                                    <option value="" selected>Selecione a porção...</option>
                                                                    <option value="0.5" >1/2</option>
                                                                    <option value="1" >1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="5">5</option>
                                                                    <option value="10">10</option>
                                                                </select></td>
                                                            </td>
                                                            <td class="product-name">
                                                                <button alt="Comer"  name="btnComer" onclick="adicionarAlimento(2, this); this.disabled = true;">
                                                                    <div alt="Comer"  class="livicon" data-n="pacman" 
                                                                         style="width: 32px; height: 32px;"> </div>
                                                                </button></td>
                                                        </tr>
                                                </table>
                                            </div>

                                            <!--descrição do aimento e porção-->
                                            <div class="col-sm-5  bottom-padding">
                                                <div class="pricing">
                                                    <div class="title" align="center" id="consultaTitleFeijoes" name="consultaTitleFeijoes">
                                                        <h5>Consulte um alimento</h5>
                                                    </div>
                                                    <ul class="options">
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaGramasFeijoes" name="consultaGramasFeijoes">Quantidade (gramas)</label></li>
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaOutrosFeijoes" name="consultaOutrosFeijoes">Descrição</label></li>
                                                    </ul>
                                                </div>
                                                <!-- .pricing --> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default panel-bg">
                                <div class="panel-heading">
                                    <div class="panel-title"> <a data-toggle="collapse" data-parent="#accordion3" href="#collapse33" id="progressoFrutas"> Frutas e suco de frutas - 0 de 6 porções
                                            <div class="progress progress-striped active border-radius hover">
                                                <div class="progress-bar progress-bar-danger" style="width: 0%;"> 0% </div>
                                            </div>
                                        </a> </div>
                                </div>
                                <div id="collapse33" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <center>
                                                <div class="col-sm-7  bottom-padding"> <br>
                                                    <div class="content-block bottom-padding frame-shadow-lifted bg">
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            O incentivo ao consumo desse grupo de alimentos concentra-se principalmente em suas formas naturais. Produtos com alta concentração de açúcar, como as geléias e as bebidas com sabor de fruta e os vegetaisemconserva, com alto teor de sal, fazem parte do conjunto de alimentos cujo consumo está sendo incentivado.
                                                        </p>
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Varie o consumo desses grupos de alimentos nas diferentes refeições e ao longo da semana;
                                                        </p>
                                                    </div>
                                                </div>
                                                <!--descrição do aimento e porção-->

                                                <div class="col-sm-3 col-md-3 rotation employee">
                                                    <div class="default">
                                                        <div class="image"> <img src="arquivos_arquivos/frutas.png" alt="" title="" height="270" width="270"> </div>
                                                        <div class="description">
                                                            <div class="vertical">
                                                                <h3 class="name">Orientações</h3>
                                                                <br/>
                                                                <div class="role">Passe sobre a imagem e veja algumas orientações.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="employee-hover">
                                                        <h3 align="center">Consumo no almoço:</h3>
                                                        <h6 align="center">Coma diariamente pelo menos 3 porções ou mais de frutas nas sobremesas e  lanches.</h6>
                                                    </div>
                                                    <!-- .employee-hover --> 
                                                </div>
                                            </center>
                                            <!-- .employee --> 
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-7  bottom-padding"> 

                                                <!--descrição do aimentoem texto-->
                                                <table class="table table-striped text-left order-details ">
                                                    <thead>
                                                        <tr>
                                                            <th class="product-name">Alimento</th>
                                                            <th class="product-total">Porção</th>
                                                            <th class="product-total">&nbsp;</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="consumidoListFrutas">

                                                    </tbody>
                                                        <tr class="order_table_item">
                                                            <td class="product-name">
                                                                <select class="form-control" data-bv-emailaddress-message="Selecione um alimento"
                                                                                             required id="selecionaAlimentoFrutas" class="form-control" onchange="consultarAlimento(3);">
                                                                    <option value="0" selected>Selecione um alimento...</option>
                                                                    <% for (Alimento meal : listaFrutas.list) {%>
                                                                    <option value="<%= meal.getCd_alimento()%>"  ><strong><%= meal.getNm_alimento()%></strong></option>
                                                                    <% } %>
                                                                </select></td>
                                                            <td class="product-name">
                                                                <select  id="selecionaPorcaoFrutas"  class="form-control" >
                                                                    <option value="" selected>Selecione a porção...</option>
                                                                    <option value="0.5" >1/2</option>
                                                                    <option value="1" >1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="5">5</option>
                                                                    <option value="10">10</option>
                                                                </select></td>
                                                            </td>
                                                            <td class="product-name">
                                                                <button alt="Comer"  name="btnComer" onclick="adicionarAlimento(3, this); this.disabled = true;">
                                                                    <div alt="Comer"  class="livicon" data-n="pacman" 
                                                                         style="width: 32px; height: 32px;"> </div>
                                                                </button></td>
                                                        </tr>
                                                </table>
                                            </div>

                                            <!--descrição do aimento e porção-->
                                            <div class="col-sm-5  bottom-padding">
                                                <div class="pricing">
                                                    <div class="title" align="center" id="consultaTitleFrutas" name="consultaTitleFrutas">
                                                        <h5>Consulte um alimento</h5>
                                                    </div>
                                                    <ul class="options">
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaGramasFrutas" name="consultaGramasFrutas">Quantidade (gramas)</label></li>
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaOutrosFrutas" name="consultaOutrosFrutas">Descrição</label></li>
                                                    </ul>
                                                </div>
                                                <!-- .pricing --> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-default panel-bg">
                                <div class="panel-heading">
                                    <div class="panel-title"> <a data-toggle="collapse" data-parent="#accordion3" href="#collapse34" id="progressoLegumes"> Legumes e verduras - 0 de 5 porções
                                            <div class="progress progress-striped active border-radius hover">
                                                <div class="progress-bar progress-bar-danger" style="width: 0%;"> 0% </div>
                                            </div>
                                        </a> </div>
                                </div>
                                <div id="collapse34" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <center>
                                                <div class="col-sm-7  bottom-padding"> <br>
                                                    <div class="content-block bottom-padding frame-shadow-lifted bg">
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Legumes e verduras são ricos em vitaminas, minerais e fibras e devem estar presentes diariamente nas refeições, pois contribuem para a proteção à saúde e diminuição do risco de ocorrência de várias doenças.
                                                        </p>
                                                    </div>
                                                </div>
                                                <!--descrição do aimento e porção-->

                                                <div class="col-sm-3 col-md-3 rotation employee">
                                                    <div class="default">
                                                        <div class="image"> <img src="arquivos_arquivos/frutas.png" alt="" title="" height="270" width="270"> </div>
                                                        <div class="description">
                                                            <div class="vertical">
                                                                <h3 class="name">Orientações</h3>
                                                                <br/>
                                                                <div class="role">Passe sobre a imagem e veja algumas orientações.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="employee-hover">
                                                        <h3 align="center">Consumo no almoço:</h3>
                                                        <h6 align="center">Compre os alimentos da estação e esteja atento para sua qualidade e estado de conservação.</h6>
                                                    </div>
                                                    <!-- .employee-hover --> 
                                                </div>
                                            </center>
                                            <!-- .employee --> 
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-7  bottom-padding"> 

                                                <!--descrição do aimentoem texto-->
                                                <table class="table table-striped text-left order-details ">
                                                    <thead>
                                                        <tr>
                                                            <th class="product-name">Alimento</th>
                                                            <th class="product-total">Porção</th>
                                                            <th class="product-total">&nbsp;</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="consumidoListLegumes">

                                                    </tbody>
                                                        <tr class="order_table_item">
                                                            <td class="product-name">
                                                                <select class="form-control" data-bv-emailaddress-message="Selecione um alimento"
                                                                                             required class="form-control" id="selecionaAlimentoLegumes" onchange="consultarAlimento(4);">
                                                                    <option value="0" selected>Selecione um alimento...</option>
                                                                    <% for (Alimento meal : listaLegumes.list) {%>
                                                                    <option value="<%= meal.getCd_alimento()%>"  ><strong><%= meal.getNm_alimento()%></strong></option>
                                                                    <% } %>
                                                                </select>
                                                            </td>
                                                            <td class="product-name">
                                                                <select  id="selecionaPorcaoLegumes"  class="form-control" >
                                                                    <option value="" selected>Selecione a porção...</option>
                                                                    <option value="0.5" >1/2</option>
                                                                    <option value="1" >1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="5">5</option>
                                                                    <option value="10">10</option>
                                                                </select>
                                                            </td>
                                                            </td>
                                                            <td class="product-name">
                                                                <button alt="Comer"  name="btnComer" onclick="adicionarAlimento(4, this); this.disabled = true;">
                                                                    <div alt="Comer"class="livicon" data-n="pacman" 
                                                                         style="width: 32px; height: 32px;"> </div>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                </table>
                                            </div>

                                            <!--descrição do aimento e porção-->
                                            <div class="col-sm-5  bottom-padding">
                                                <div class="pricing">
                                                    <div class="title" align="center" id="consultaTitleLegumes" name="consultaTitleLegumes">
                                                        <h5>Consulte um alimento</h5>
                                                    </div>
                                                    <ul class="options">
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaGramasLegumes" name="consultaGramasLegumes">Quantidade (gramas)</label></li>
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaOutrosLegumes" name="consultaOutrosLegumes">Descrição</label></li>
                                                    </ul>
                                                </div>
                                                <!-- .pricing --> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default panel-bg">
                                <div class="panel-heading">
                                    <div class="panel-title"> <a data-toggle="collapse" data-parent="#accordion3" href="#collapse35" id="progressoLeite"> Leite, queijo e derivados - 0 de 4 porções
                                            <div class="progress progress-striped active border-radius hover">
                                                <div class="progress-bar progress-bar-danger" style="width: 0%;"> 0% </div>
                                            </div>
                                        </a> </div>
                                </div>
                                <div id="collapse35" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <center>
                                                <div class="col-sm-7  bottom-padding"> <br>
                                                    <div class="content-block bottom-padding frame-shadow-lifted bg">
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Leite e derivados, principais fontes de cálcio na alimentação, e carnes, aves, peixes e ovos fazem parte de uma alimentação nutritiva que contribui para a saúde e para o crescimento saudável. 
                                                        </p>
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Os alimentos de origem animal também são parte de uma alimentação saudável, que inclui pequenas quantidades de carne de boi ou porco, carneiro, coelho, jacaré e outras, aves, peixe, ovos e também leite, queijo e iogurte, preferencialmente desnatados ou com baixos teores de gordura.
                                                        </p>
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Os tipos e as quantidades desses alimentos devem ser adequados às diferentes fases do curso da vida.  Alimente a criança somente com leite materno até a idade de 6 meses e depois complemente com outros alimentos, mantendo o leite materno até os dois anos ou mais.
                                                        </p>
                                                    </div>
                                                </div>
                                                <!--descrição do aimento e porção-->

                                                <div class="col-sm-3 col-md-3 rotation employee">
                                                    <div class="default">
                                                        <div class="image"> <img src="arquivos_arquivos/leites.png" alt="" title="" height="270" width="270"> </div>
                                                        <div class="description">
                                                            <div class="vertical">
                                                                <h3 class="name">Orientações</h3>
                                                                <br/>
                                                                <div class="role">Passe sobre a imagem e veja algumas orientações.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="employee-hover">
                                                        <h3 align="center">Consumo no almoço:</h3>
                                                        <h6 align="center">Não consuma nas refeições principais,  pois o cálcio interfere negativamente na absorção do ferro de origem vegetal e vice-versa.</h6>
                                                    </div>
                                                    <!-- .employee-hover --> 
                                                </div>
                                            </center>
                                            <!-- .employee --> 
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-7  bottom-padding"> 

                                                <!--descrição do aimentoem texto-->
                                                <table class="table table-striped text-left order-details ">
                                                    <thead>
                                                        <tr>
                                                            <th class="product-name">Alimento</th>
                                                            <th class="product-total">Porção</th>
                                                            <th class="product-total">&nbsp;</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="consumidoListLeite">

                                                    </tbody>
                                                        <tr class="order_table_item">
                                                            <td class="product-name">
                                                                <select class="form-control" data-bv-emailaddress-message="Selecione um alimento"
                                                                                             required id="selecionaAlimentoLeite" class="form-control" onchange="consultarAlimento(5);">
                                                                    <option value="0" selected>Selecione um alimento...</option>
                                                                    <% for (Alimento meal : listaLeite.list) {%>
                                                                    <option value="<%= meal.getCd_alimento()%>"  ><strong><%= meal.getNm_alimento()%></strong></option>
                                                                    <% } %>
                                                                </select></td>
                                                            <td class="product-name">
                                                                <select  id="selecionaPorcaoLeite"  class="form-control" >
                                                                    <option value="" selected>Selecione a porção...</option>
                                                                    <option value="0.5" >1/2</option>
                                                                    <option value="1" >1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="5">5</option>
                                                                    <option value="10">10</option>
                                                                </select></td>
                                                            </td>
                                                            <td class="product-name">
                                                                <button alt="Comer"  name="btnComer" onclick="adicionarAlimento(5, this); this.disabled = true;">
                                                                    <div alt="Comer"  class="livicon" data-n="pacman" 
                                                                         style="width: 32px; height: 32px;"> </div>
                                                                </button></td>
                                                        </tr>
                                                </table>
                                            </div>

                                            <!--descrição do aimento e porção-->
                                            <div class="col-sm-5  bottom-padding">
                                                <div class="pricing">
                                                    <div class="title" align="center" id="consultaTitleLeite" name="consultaTitleLeite">
                                                        <h5>Consulte um alimento</h5>
                                                    </div>
                                                    <ul class="options">
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaGramasLeite" name="consultaGramasLeite">Quantidade (gramas)</label></li>
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaOutrosLeite" name="consultaOutrosLeite">Descrição</label></li>
                                                    </ul>
                                                </div>
                                                <!-- .pricing --> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-default panel-bg">
                                <div class="panel-heading">
                                    <div class="panel-title"> <a data-toggle="collapse" data-parent="#accordion3" href="#collapse37" id="progressoCarnes"> Carnes e Ovos - 0 de 1 porção
                                            <div class="progress progress-striped active border-radius hover">
                                                <div class="progress-bar progress-bar-danger" style="width: 0%;"> 0% </div>
                                            </div>
                                        </a> </div>
                                </div>
                                <div id="collapse37" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <center>
                                                <div class="col-sm-7  bottom-padding"> <br>
                                                    <div class="content-block bottom-padding frame-shadow-lifted bg">
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Carnes, aves, peixes e ovos fazem parte de uma alimentação nutritiva que contribui para a saúde e para o crescimento saudável. Os tipos e as quantidades desses alimentos devem ser adequados às diferentes fases do curso da vida.
                                                        </p>
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Prefira as carnes magras e retire toda a gordura aparente antes da preparação. Coma mais frango e peixe e sempre prefira carne com baixo teor de gordura. Charque e derivados de carne (salsicha, lingüiça, presuntos e outrosembutidos) contêm, em geral, excesso de gorduras e sal e somente devem ser consumidos ocasionalmente.
                                                        </p>
                                                    </div>
                                                </div>
                                                <!--descrição do aimento e porção-->

                                                <div class="col-sm-3 col-md-3 rotation employee">
                                                    <div class="default">
                                                        <div class="image"> <img src="arquivos_arquivos/co.png" alt="" title="" height="270" width="270"> </div>
                                                        <div class="description">
                                                            <div class="vertical">
                                                                <h3 class="name">Orientações</h3>
                                                                <br/>
                                                                <div class="role">Passe sobre a imagem e veja algumas orientações.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="employee-hover">
                                                        <h3 align="center">Consumo no almoço:</h3>
                                                        <h6 align="center">A carne aumenta a absorção do ferro de origem vegetal, presente nos feijões, se consumidos juntos.</h6>
                                                    </div>
                                                    <!-- .employee-hover --> 
                                                </div>
                                            </center>
                                            <!-- .employee --> 
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-7  bottom-padding"> 

                                                <!--descrição do aimentoem texto-->
                                                <table class="table table-striped text-left order-details ">
                                                    <thead>
                                                        <tr>
                                                            <th class="product-name">Alimento</th>
                                                            <th class="product-total">Porção</th>
                                                            <th class="product-total">&nbsp;</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="consumidoListCarnes">

                                                    </tbody>
                                                        <tr class="order_table_item">
                                                            <td class="product-name">
                                                                <select class="form-control" data-bv-emailaddress-message="Selecione um alimento"
                                                                                             required id="selecionaAlimentoCarnes" class="form-control" onchange="consultarAlimento(6);">
                                                                    <option value="0" selected>Selecione um alimento...</option>
                                                                    <% for (Alimento meal : listaCarnes.list) {%>
                                                                    <option value="<%= meal.getCd_alimento()%>"  ><strong><%= meal.getNm_alimento()%></strong></option>
                                                                    <% } %>
                                                                </select></td>
                                                            <td class="product-name">
                                                                <select  id="selecionaPorcaoCarnes"  class="form-control" >
                                                                    <option value="" selected>Selecione a porção...</option>
                                                                    <option value="0.5" >1/2</option>
                                                                    <option value="1" >1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="5">5</option>
                                                                    <option value="10">10</option>
                                                                </select></td>
                                                            </td>
                                                            <td class="product-name">
                                                                <button alt="Comer"  name="btnComer" onclick="adicionarAlimento(6, this); this.disabled = true;">
                                                                    <div alt="Comer"  class="livicon" data-n="pacman" 
                                                                         style="width: 32px; height: 32px;"> </div>
                                                                </button></td>
                                                        </tr>
                                                </table>
                                            </div>

                                            <!--descrição do aimento e porção-->
                                            <div class="col-sm-5  bottom-padding">
                                                <div class="pricing">
                                                    <div class="title" align="center" id="consultaTitleCarnes" name="consultaTitleCarnes">
                                                        <h5>Consulte um alimento</h5>
                                                    </div>
                                                    <ul class="options">
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaGramasCarnes" name="consultaGramasCarnes">Quantidade (gramas)</label></li>
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaOutrosCarnes" name="consultaOutrosCarnes">Descrição</label></li>
                                                    </ul>
                                                </div>
                                                <!-- .pricing --> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-default panel-bg">
                                <div class="panel-heading">
                                    <div class="panel-title"> <a data-toggle="collapse" data-parent="#accordion3" href="#collapse38" id="progressoOleo"> Óleo, azeite e margarina - 0 de 1 porções
                                            <div class="progress progress-striped active border-radius hover">
                                                <div class="progress-bar progress-bar-danger" style="width: 0%;"> 0% </div>
                                            </div>
                                        </a> </div>
                                </div>
                                <div id="collapse38" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <center>
                                                <div class="col-sm-7  bottom-padding"> <br>
                                                    <div class="content-block bottom-padding frame-shadow-lifted bg">
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            O consumo freqüente e em grande quantidade de gorduras e açúcar  aumenta o risco de doenças como obesidade, hipertensão arterial, diabetes e doenças do coração.
                                                        </p>
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Acentue o sabor de alimentos cozidos e crus utilizando ervas frescas ou secas ou suco de frutas como tempero.
                                                        </p>
                                                    </div>
                                                </div>
                                                <!--descrição do aimento e porção-->

                                                <div class="col-sm-3 col-md-3 rotation employee">
                                                    <div class="default">
                                                        <div class="image"> <img src="arquivos_arquivos/oleo.png" alt="" title="" height="270" width="270"> </div>
                                                        <div class="description">
                                                            <div class="vertical">
                                                                <h3 class="name">Orientações</h3>
                                                                <br/>
                                                                <div class="role">Passe sobre a imagem e veja algumas orientações.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="employee-hover">
                                                        <h3 align="center">Consumo no almoço:</h3>
                                                        <h6 align="center">Prefira formas de preparo que utilizam pouca quantidade de óleo, como assados, cozidos, ensopados, grelhados. Evite frituras.</h6>
                                                    </div>
                                                    <!-- .employee-hover --> 
                                                </div>
                                            </center>
                                            <!-- .employee --> 
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-7  bottom-padding"> 

                                                <!--descrição do aimentoem texto-->
                                                <table class="table table-striped text-left order-details ">
                                                    <thead>
                                                        <tr>
                                                            <th class="product-name">Alimento</th>
                                                            <th class="product-total">Porção</th>
                                                            <th class="product-total">&nbsp;</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="consumidoListOleo">

                                                    </tbody>
                                                        <tr class="order_table_item">
                                                            <td class="product-name">
                                                                <select class="form-control" data-bv-emailaddress-message="Selecione um alimento"
                                                                                             required id="selecionaAlimentoOleo" class="form-control" onchange="consultarAlimento(7);">
                                                                    <option value="0" selected>Selecione um alimento...</option>
                                                                    <% for (Alimento meal : listaOleo.list) {%>
                                                                    <option value="<%= meal.getCd_alimento()%>"  ><strong><%= meal.getNm_alimento()%></strong></option>
                                                                    <% } %>
                                                                </select></td>
                                                            <td class="product-name">
                                                                <select  id="selecionaPorcaoOleo"  class="form-control" >
                                                                    <option value="" selected>Selecione a porção...</option>
                                                                    <option value="0.5" >1/2</option>
                                                                    <option value="1" >1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="5">5</option>
                                                                    <option value="10">10</option>
                                                                </select></td>
                                                            </td>
                                                            <td class="product-name">
                                                                <button alt="Comer"  name="btnComer" onclick="adicionarAlimento(7, this); this.disabled = true;">
                                                                    <div alt="Comer"  class="livicon" data-n="pacman" 
                                                                         style="width: 32px; height: 32px;"> </div>
                                                                </button></td>
                                                        </tr>
                                                </table>
                                            </div>

                                            <!--descrição do aimento e porção-->
                                            <div class="col-sm-5  bottom-padding">
                                                <div class="pricing">
                                                    <div class="title" align="center" id="consultaTitleOleo" name="consultaTitleOleo">
                                                        <h5>Consulte um alimento</h5>
                                                    </div>
                                                    <ul class="options">
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaGramasOleo" name="consultaGramasOleo">Quantidade (gramas)</label></li>
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaOutrosOleo" name="consultaOutrosOleo">Descrição</label></li>
                                                    </ul>
                                                </div>
                                                <!-- .pricing --> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default panel-bg">
                                <div class="panel-heading">
                                    <div class="panel-title"> <a data-toggle="collapse" data-parent="#accordion3" href="#collapse39" id="progressoAcucares"> Acúcares e doces - 0 de 1 porção
                                            <div class="progress progress-striped active border-radius hover">
                                                <div class="progress-bar progress-bar-danger" style="width: 0%;"> 0% </div>
                                            </div>
                                        </a> </div>
                                </div>
                                <div id="collapse39" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <div class="row">
                                            <center>
                                                <div class="col-sm-7  bottom-padding"> <br>
                                                    <div class="content-block bottom-padding frame-shadow-lifted bg">
                                                        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;
                                                            Os açúcares são fonte de energia e podem ser encontrados naturalmente nos alimentos, como frutas e mel, ou ser adicionado sem preparações e alimentos processados. Reduza o consumo de alimentos e bebidas processados com alta concentração de açúcar e das quantidades de açúcar adicionado nas preparações caseiras e bebidas.
                                                        </p>
                                                    </div>
                                                </div>
                                                <!--descrição do aimento e porção-->

                                                <div class="col-sm-3 col-md-3 rotation employee">
                                                    <div class="default">
                                                        <div class="image"> <img src="arquivos_arquivos/doce.png" alt="" title="" height="270" width="270"> </div>
                                                        <div class="description">
                                                            <div class="vertical">
                                                                <h3 class="name">Orientações</h3>
                                                                <br/>
                                                                <div class="role">Passe sobre a imagem e veja algumas orientações.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="employee-hover">
                                                        <h3 align="center">Consumo no almoço:</h3>
                                                        <h6 align="center">Valorize o sabor natural dos alimentos, reduzindo o açúcar ou o sal adicionado a eles.</h6>
                                                    </div>
                                                    <!-- .employee-hover --> 
                                                </div>
                                            </center>
                                            <!-- .employee --> 
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-7  bottom-padding"> 

                                                <!--descrição do aimentoem texto-->
                                                <table class="table table-striped text-left order-details ">
                                                    <thead>
                                                        <tr>
                                                            <th class="product-name">Alimento</th>
                                                            <th class="product-total">Porção</th>
                                                            <th class="product-total">&nbsp;</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody  id="consumidoListAcucares">

                                                    </tbody>
                                                        <tr class="order_table_item">
                                                            <td class="product-name">
                                                                <select class="form-control" data-bv-emailaddress-message="Selecione um alimento"
                                                                                             required id="selecionaAlimentoAcucares" class="form-control" onchange="consultarAlimento(8);">
                                                                    <option value="0" selected>Selecione um alimento...</option>
                                                                    <% for (Alimento meal : listaAcucares.list) {%>
                                                                    <option value="<%= meal.getCd_alimento()%>"  ><strong><%= meal.getNm_alimento()%></strong></option>
                                                                    <% } %>
                                                                </select></td>
                                                            <td class="product-name">
                                                                <select  id="selecionaPorcaoAcucares"  class="form-control" >
                                                                    <option value="" selected>Selecione a porção...</option>
                                                                    <option value="0.5" >1/2</option>
                                                                    <option value="1" >1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="5">5</option>
                                                                    <option value="10">10</option>
                                                                </select></td>
                                                            </td>
                                                            <td class="product-name">
                                                                <button alt="Comer"  name="btnComer" onclick="adicionarAlimento(8, this); this.disabled = true;">
                                                                    <div alt="Comer"  class="livicon" data-n="pacman" 
                                                                         style="width: 32px; height: 32px;"> </div>
                                                                </button></td>
                                                        </tr>
                                                </table>
                                            </div>

                                            <!--descrição do aimento e porção-->
                                            <div class="col-sm-5  bottom-padding">
                                                <div class="pricing">
                                                    <div class="title" align="center" id="consultaTitleAcucares" name="consultaTitleAcucares">
                                                        <h5>Consulte um alimento</h5>
                                                    </div>
                                                    <ul class="options">
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaGramasAcucares" name="consultaGramasAcucares">Quantidade (gramas)</label></li>
                                                        <li><span><i class="fa fa-check"></i></span><label id="consultaOutrosAcucares" name="consultaOutrosAcucares">Descrição</label></li>
                                                    </ul>
                                                </div>
                                                <!-- .pricing --> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--barra de status--> 

                    </div>
                </section>
                <!-- #main --> 

            </div>
            <!-- .page-box-content --> 
        </div>
        <!-- .page-box -->

        <%@include file="/templates/footer.jsp"%> 
        <div class="clearfix"></div>
        <script async src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/www-widgetapi.js" id="www-widgetapi-script"></script><script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/iframe_api"></script><script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_015.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/bootstrap.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jshashtable-2.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_018.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/tmpl.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_012.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/draggable-0.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_021.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_016.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_022.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_009.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_019.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_011.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_007.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_008.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_005.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/isotope.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_006.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_017.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_020.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_003.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_013.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/SmoothScroll.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/country.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/spin.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/ladda.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/masonry.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/morris.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/raphael.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/video.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/pixastic.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/livicons-1.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/greensock.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/layerslider_002.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/layerslider.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_014.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_004.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/bootstrapValidator.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/bootstrap-datepicker.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_010.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jplayer.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/jquery_002.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/main.js"></script> 
        <script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/js" type="text/javascript"></script><script src="Accordions%20&amp;%20Toggles%20_%20Progressive%20%E2%80%94%20Responsive%20Multipurpose%20HTML%20Template_arquivos/main_002.js"></script>
        <script type="text/javascript">window.onload=function(){consultarRefeicao(1);consultarRefeicao(2);consultarRefeicao(3);consultarRefeicao(4);consultarRefeicao(5);consultarRefeicao(6);consultarRefeicao(7);consultarRefeicao(8);}</script>    
    </body>     
</html>

